<!DOCTYPE html><!--HTML5 doctype-->
<html>
<head>
<title>智能云管家-话费充值</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="apple-mobile-web-app-capable" content="yes" />
<link rel="stylesheet" type="text/css" href="resources/appmobi-new/examples/starter/styles/icons.css" />
<link rel="stylesheet" type="text/css" href="resources/appmobi-new/kitchensink/jq.ui.frosty.css">

<!-- uncomment for AppMobi apps
<script type="text/javascript" charset="utf-8" src="http://localhost:58888/_appMobi/appmobi.js"></script> 
<script type="text/javascript" charset="utf-8" src="http://localhost:58888/_appMobi/xhr.js"></script> 	
-->

<script type="text/javascript" charset="utf-8" src="resources/appmobi-new/examples/starter/js/jq.ui.min.js"></script>
<script type="text/javascript" charset="utf-8" src="resources/appmobi-new/examples/starter/js/jq.template.js"></script>
<script type="text/javascript" charset="utf-8" src="resources/appmobi-new/examples/starter/js/jq.carousel.js"></script>
<script type="text/javascript" charset="utf-8" src="resources/appmobi-new/examples/starter/js/jq.drawer.js"></script>
<script type="text/javascript" charset="utf-8" src="resources/appmobi-new/examples/starter/js/jq.alphatable.js"></script>
<script type="text/javascript" charset="utf-8" src="resources/appmobi-new/examples/starter/js/jq.fx.js"></script>

<!-- include touch.js on desktop browsers only -->
<script>

if(!((window.DocumentTouch&&document instanceof DocumentTouch)||'ontouchstart' in window)){
var script=document.createElement("script");
script.src="resources/appmobi-new/examples/starter/touch.js";
var tag=$("head").append(script);
$.os.android=true; //let's make it run like an android device
$.os.desktop=true;
}

$(document).ready(function(){

});

</script>
<script type="text/javascript">
    /* This function runs once the page is loaded, but appMobi is not yet active */
	var webRoot="./";
	$.ui.autoLaunch=false;
    var init = function(){
	   $.ui.backButtonText="Back";  
	   window.setTimeout(function(){$.ui.launch();},1500);
       //$.ui.removeFooterMenu(); This would remove the bottom nav menu
    };
    document.addEventListener("DOMContentLoaded",init,false);  
	$.ui.ready(function(){console.log('ready');});
   
    /* This code prevents users from dragging the page */
    var preventDefaultScroll = function(event) {
        event.preventDefault();
        window.scroll(0,0);
        return false;
    };
	
	document.addEventListener('touchmove', preventDefaultScroll, false);

    /* This code is used to run as soon as appMobi activates */
    var onDeviceReady=function(){
		AppMobi.device.setRotateOrientation("portrait");
        AppMobi.device.setAutoRotate(false);
		webRoot=AppMobi.webRoot+"/";
	    //hide splash screen
	    AppMobi.device.hideSplashScreen();	
		
    };
    document.addEventListener("appMobi.device.ready",onDeviceReady,false);    
	
$.ui.ready(
    function(){
        $.ui.toggleHeaderMenu(false); //force hide
//        $.ui.removeFooterMenu();
    }
); //Toggle the footer menu on load
	
</script>
<style type="text/css">
#header {
	display: none;
}
#navbar {
	height: 62px;
	padding: 0px 1px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e2edf3));
	-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.8);
	box-shadow: 0px 0px 0px rgba(0,0,0,0.8);
	background-image: url(resources/css/images/bottom_share_bg.png)
}

img {max-width:90%; height:auto;}


</style>
</head>
<body>
<div id="jQUi"> 
  <!-- this is the header div 
  
  -->
  <div id="header"> <a href="javascript:$.ui.toggleSideMenu()" class="button" style="float:right">Toggle Nav</a> </div>
  <div id="content"> 
    <!-- here is where you can add your panels 
    <div title='Welcome' id="main" class="panel" selected="true" > jqUi示例 </div>
    -->
    <div style="margin-top: 40px; margin-left: 30px; font-size: 36px;">请选择充值方式：</div>
    <div style="width:100%; margin-top:0px"><img src="resources/css/images/system/images/line.png" width="100%"/></div>
    <div style="margin-top:10px; margin-bottom:5px; font-size: 32px; margin-left:40px">账户支付：</div>
        
    
    <div align="center" style="margin-top: 10px; margin-bottom: 10px; font-size: 28px;">
      <table style="text-align:center" width="70%" border="0">
        <tr>
          <td><img src="resources/css/images/phone bill/images/cz_zfb.png" onClick="javascript:window.open('http://zc.m.taobao.com/index.htm?sid=1806849760d36766')"/></td>
          <td><img src="resources/css/images/phone bill/images/cz_cft.png" onClick="javascript:window.open('https://wap.tenpay.com/cgi-bin/wapmainv2.0/wm_mobilecharge.cgi?chv=2')"/></td>
        </tr>
        <tr>
          <td>支付宝</td>
          <td>财付通</td>
        </tr>
      </table>
    </div>
    <div style="margin-top:20px; margin-bottom:20px; font-size: 32px; margin-left:40px">银联网银支付：</div>
    <div style="width:100%; margin-left:5%" >
      <table style="text-align:center" width="90%" border="0" cellpadding="10px">
        <tr>
          <td style="margin-top:10px"><img src="resources/css/images/phone bill/images/cz_03.jpg" onClick="javascript:window.open('http://m.cmbchina.com/Phone/ChongZhi.aspx')"/></td>
          <td><img src="resources/css/images/phone bill/images/cz_05.jpg" onClick="javascript:window.open('')"/></td>
        </tr>
        <tr>
          <td><img src="resources/css/images/phone bill/images/cz_09.jpg" onClick="javascript:window.open('')"/></td>
          <td><img src="resources/css/images/phone bill/images/cz_10.jpg" onClick="javascript:window.open('')"/></td>
        </tr>
        <tr>
          <td><img src="resources/css/images/phone bill/images/cz_13.jpg" onClick="javascript:window.open('')"/></td>
          <td><img src="resources/css/images/phone bill/images/cz_14.jpg" onClick="javascript:window.open('')"/></td>
        </tr>
      </table>
    </div>
  </div>
</div>

<!-- bottom navbar.  Add additional tabs here 
  
  -->
<div id="navbar">
  <div style="font-size: 16px; max-height:80px; padding:25px; text-align:center; " onClick="javascript:window.open('http://down.mumayi.com/1');">下载云管家客户端，更多给力功能 </div>
</div>

<!-- this is the default left side nav menu 
  <nav>
    <div class='title'>Home</div>
    <ul>
      <li class="icon home mini"><a href="#main">Selectors</a></li>
    </ul>
  </nav>
  -->

</div>
</body>
</html>
